<template>
  <div id="footer">
    <el-row>
      <el-col :span="5" :offset="1">
        <el-image
            style="width: 160px;height: 160px"
            src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2625606352,3477844287&fm=26&gp=0.jpg"></el-image>
      </el-col>
      <el-col :span="6">
        <h1>靠谱</h1>
        <div class="message"><b>最贴心的食谱推荐网站</b></div>
        <div class="message"><b>诚心诚意为您服务</b></div>
        <el-link class="message" href="/" ><b>我们的网址</b></el-link>
      </el-col>
      <el-col :span="6">
        <h1>关于我们</h1>
        <h2>了解靠谱</h2>
        <h2>团队介绍</h2>
        <h2>加入我们</h2>
      </el-col>
      <el-col :span="6">
        <h1>联系我们</h1>
        <h2>投稿</h2>
        <h2>商务合作</h2>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: "myfooter"
}
</script>

<style scoped>
.message{
  margin-bottom: 5px;
}
#footer{
  height: 290px;
  background-color: aliceblue;
  padding-top: 35px;
}
</style>